import React from 'react'
import { Button, Result } from 'antd'
import { useNavigate} from 'react-router-dom'




const Error: React.FC = () => {
  let navigate = useNavigate()
  const handleClick = () => {
    navigate('/login')
  }
  return (
    <Result
    status="404"
    title="404"
    subTitle="Sorry, the page you visited does not exist."
    extra={<Button type="primary" onClick={handleClick}>Back Home</Button>}
  />
  )
}




export default Error
